﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Admin/Master.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="UI.Admin.Content.Modelofo.Default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    	<link rel="stylesheet" href="/Admin/assets/css/jquery-ui-1.10.3.full.min.css" />
    <script src="JsFunction.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="row">
	    <div class="col-xs-12">
           
		    <h3 class="header smaller lighter green">小黄车列表&nbsp;&nbsp;&nbsp;&nbsp;<a class="btn btn-success btn-sm" onclick="summit_add_user()"><i class="icon-plus"></i>添加小黄车</a></h3>
		    <div class="table-header badge-success">
			   免费的小黄车都靠每一个小黄侠的努力得来的，大力感谢小黄侠们！
		    </div>

		    <div class="table-responsive">
			    <table id="sample-table-2" class="table table-striped table-bordered table-hover">
				    <thead>
					    <tr>
						    <th class="center">
							    <label>
                                    
								    <input type="checkbox" class="ace" />
								    <span class="lbl"></span>
							    </label>
						    </th>					
                             <th>车牌号</th>				
						    <th>使用密码</th>
						    <th>上传人</th>
						                
						    <th></th>
					    </tr>
				    </thead>

				    <tbody>
                            <%for (int i = 0; i < ofoList.Count; i++)
                          { %>
					    <tr>
						    <td class="center">
							    <label>
								    <input type="checkbox" class="ace" />
								    <span class="lbl"></span>
							    </label>
						    </td>

                             <td><%=ofoList[i].chepai %></td>
                             <td><%=ofoList[i].password %></td>
                             <td><%=ofoList[i].author %></td>
						   
						    <td>
							    <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
							

								    <a class="green" href="javascript:void(0)" onclick="summit_update_user('','')">
									    <i class="icon-pencil bigger-130"></i>
								    </a>

								    <a class="red" href="javascript:void(0)" onclick="summit_delete_user('<%=ofoList[i].id %>')">
									    <i class="icon-trash bigger-130"></i>
								    </a>
							    </div>
						    </td>
					    </tr>
	                    <%} %>
                     
				    </tbody>
			    </table>
		    </div>
	    </div>
    </div>
    	<div id="dialog-message" class="hide">	
    <!-- 返回操作的用户以及IP地址 -->
    <input type="hidden" id="UserName" value="UserName" />
    <input type="hidden" id="UserIP" value="1314>" />	
		    <label>车牌号码：</label>
		    <input type="text" placeholder="车牌号码" id="chepai"/>
            <br /><br />
		     <label>车锁密码：</label>
		    <input type="text" placeholder="车锁密码" id="password"/>
            <br /><br />
		   
           <br /><br />
          
				
				
	</div><!-- #dialog-message -->

    <div id="dialog-confirm" class="hide">
		<div class="alert alert-info bigger-110">
			删除操作执行后不可恢复
		</div>

		<div class="space-6"></div>

		<p class="bigger-110 bolder center grey">
			<i class="icon-hand-right blue bigger-120"></i>
			Are you sure?
		</p>
	</div><!-- #dialog-confirm -->


</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <script src="/Admin/assets/js/jquery.dataTables.min.js" charset="GB2312"></script>
	<script src="/Admin/assets/js/jquery.dataTables.bootstrap.js" charset="GB2312"></script>
    <script src="/Admin/assets/js/jquery-ui-1.10.3.full.min.js"></script>
	<script src="/Admin/assets/js/jquery.ui.touch-punch.min.js"></script>

    <script type="text/javascript">
        jQuery(function ($) {
            var oTable1 = $('#sample-table-2').dataTable({
                "aoColumns": [
			      { "bSortable": false },
			      null, null, null,
				  { "bSortable": false }
                ]
            });


            $('table th input:checkbox').on('click', function () {
                var that = this;
                $(this).closest('table').find('tr > td:first-child input:checkbox')
                .each(function () {
                    this.checked = that.checked;
                    $(this).closest('tr').toggleClass('selected');
                });

            });


            $('[data-rel="tooltip"]').tooltip({ placement: tooltip_placement });
            function tooltip_placement(context, source) {
                var $source = $(source);
                var $parent = $source.closest('table')
                var off1 = $parent.offset();
                var w1 = $parent.width();

                var off2 = $source.offset();
                var w2 = $source.width();

                if (parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2)) return 'right';
                return 'left';
            }
        })

        $.widget("ui.dialog", $.extend({}, $.ui.dialog.prototype, {
            _title: function (title) {
                var $title = this.options.title || '&nbsp;'
                if (("title_html" in this.options) && this.options.title_html == true)
                    title.html($title);
                else title.text($title);
            }
        }));
		</script>
</asp:Content>
